import React from 'react';

export default function VehicleStatus() {
  return (
    <div className="vehicle-status">
      <div className="status-card">
        <h3>胎压监测</h3>
        <div className="tire-pressure">
          <div className="tire">
            <span className="pressure">2.5</span>
            <span className="label">前左</span>
          </div>
          <div className="tire">
            <span className="pressure">2.6</span>
            <span className="label">前右</span>
          </div>
          <div className="tire">
            <span className="pressure">2.5</span>
            <span className="label">后左</span>
          </div>
          <div className="tire">
            <span className="pressure">2.6</span>
            <span className="label">后右</span>
          </div>
        </div>
      </div>
      
      <div className="status-card range">
        <h3>剩余续航</h3>
        <div className="range-display">
          <i className="icon-battery-80" />
          <span className="value">386</span>
          <span className="unit">km</span>
        </div>
      </div>
    </div>
  );
}